<style lang="less" scoped> 
.pre-imgbox{
  position:fixed;
  right:0;
  left:0;
  top:0;
  bottom:0;
  background:rgba(0,0,0,1);
  z-index:5;
}
.preview-img{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  width:100%;
}
</style>
<template>
  <div v-if="checkimgs" @click="close" class="pre-imgbox"><img class="preview-img" :src="checkimgs | simpleImgUrl"></div>
</template>
<script>
export default {
  props:['checkimgs'],
  data() {
    return {
      
    }
  },
  methods:{
    close(){
      this.$emit('clearData')
    }
  }
}
</script>